body {
	margin: 0px;
	padding:0px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #fff;
}
a {
	color:#0055a4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
a:hover {
	color: #000;
}

form {
	margin:0px;
	padding:0px;
	display:inline;
}
.klear { clear:both; font-size:0px; line-height:0px; }
img { border: 0px solid; }
hr { display: none; }

/***************/

#hdr {
	background-color:#0055a4;
	border-bottom:1px solid #004796;
	color:white;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	margin:0px;
	padding:10px;
	background-image:url('../imgs/mobile/logo.gif');
	background-repeat:no-repeat;
	background-position:5px 6px;
}
#nav {
	border-bottom:1px solid #b9b9b9;
	background-color:#efefef;
}
#nav a {
	display:block;
	float:left;
	font-weight:bold;
	color: #4d4d4d;
}
#nav a:focus, #nav a.on:focus {
	background-color: #555;
	color:white;
}
#nav a.on {
	background-color: #ccc;
	color:#000;
}
#nav span {
	display:none;
}
#select {
	border-bottom:1px solid #cacaca;
	padding:5px;
	background-image:url('../imgs/mobile/grad.gif');
	background-position:bottom left;
	background-repeat:repeat-x;
}
#contentable{
background-color:#f5f5f5;
width: 100%;
}
#contentale .image{
    width: 10%;
    height: 100px;
}
#contentable .content{
    width: 90%;
    text-align: left;
    font-size: 12px;
}

#contentable .name{
    color: #0055A4;
    font-size: 12px;
    font-weight: bold;
}


.post{
	padding:5px;
	border-bottom:1px solid #ddd;
	padding-left: 35px;
	background-position:0px 5px;
	background-repeat:no-repeat;
}
.post.dark{
	background-color:#f5f5f5;
}


.postttl {
	font-size:11px;
	color:#777;
}
.postttl a {
	font-size:11px;
	color:#333;
	padding:1px 3px 2px 3px;
}
.postttl a:focus {
	font-size:11px;
	background-color:#333;
	color:white;
}
.postttl a.user {
	font-size:12px;
	font-weight:bold;
	color:#0055a4;
}
.postttl a.user:focus {
	background-color:#0055a4;
	color:white;
}
.post p.message {
	padding:3px;
	margin:0px;
	color:black;
	font-size:12px;
}
.post .meta {
	font-size:11px;
}
.post .meta a {
	font-size:11px;
	color:#333;
	padding:1px 3px 2px 3px;
}
.post .meta a:focus {
	font-size:11px;
	background-color:#333;
	color:white;
}
.post .meta a.comments {
	font-size:11px;
	color:#0055a4;
	padding:1px 3px 2px 3px;
}
.post .meta a.comments:focus {
	font-size:11px;
	background-color:#0055a4;
	color:white;
}
.post p.ghost {
	margin:0px;
	padding:0px;
	display:inline;
}
.post .attachment {
	display:block;
	background-color: #e0ebf7;
	padding:5px;
	font-size:11px;
	color:#5092cf;
	margin:0px;
	margin-bottom:3px;
}
.post .attachment span {
	font-size:11px;
}
.post .attachment b.spacer {
	float:left;
	white-space:nowrap;
	padding:1px 2px 2px 2px;
}
.post .attachment span.imgtxt {
	float:left;
	padding:1px 2px 1px 2px;
}
.post .attachment a {
	padding:1px 3px 2px 3px;
	display:block;
	float:left;
	white-space:nowrap;
}
.post .attachment a:focus {
	background-color:#0055a4;
	color:white;
}
.post .attachment a.img {
	padding:3px;
	padding-bottom:2px;
	background-color:white;
	margin-top:3px;
	margin-bottom:3px;
	display:block;
	float:left;
}
.post .attachment img {
	border:0px;
}
.post .attachment a.img:focus {
	background-color: #0055a4;
}
.mpost a {
	font-weight:bold;
	padding:1px 3px 2px 3px;
}
.mpost a:focus {
	background-color:#0055a4;
	color:white;
}

.mpost small {
	font-size:11px;
	color:#777;
	display:block;
	padding:3px;
}

/******/
#ftr {
	border-top:1px solid #004796;
	background-color: #96c2f1;
	padding-bottom:1px;
	border-bottom:1px solid #6ca0d8;
}
#ftr a {
	display:block;
	padding:3px;
	font-weight:bold;
	margin:3px;
}
#ftr a:focus {
	background-color:#004796;
	color:white;
}
#ftr a.logout:focus {
	background-color:#ff0000;
	color:white;
}
#ftr span {
	display:none;
}
#ftrtext{
	padding:6px;
	font-size:12px;
	color:#777;
}
#ftrtext a {
	padding:1px 3px 2px 3px;
}
#ftrtext a:focus {
	background-color:#0055a4;
	color:white;
}
#backnext {
	padding:6px;
	color:#aaa;
}
#backnext a {
	padding:1px 3px 2px 3px;
}
#backnext a:focus {
	background-color:#0055a4;
	color:white;
}

/********/
#postpage {
	padding:6px;
	border-bottom:1px solid #ccc;
}


#postpage label{
        width:5em;
        display:inline-block;
        line-height:30px;
        padding-left: 8px;
        padding-top: 5px;

}
#postpage textarea {
	width:90%;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
}
#ttle {
	font-size:12px;
	margin:0px;
	padding:6px;
	border-bottom:1px solid #ccc;
	font-weight:bold;
}

#members .post p.message {
	padding-bottom:0px;
}

/********/

.error {
	border:1px solid red;
	margin:0px;
	margin-bottom:10px;
	padding:10px;
	color:#000;
	font-size:12px;
	background-color:#ffc5c5;
	font-weight:bold;
}
.msgbox {
	border:1px solid #ff830f;
	margin:0px;
	margin-bottom:10px;
	padding:10px;
	color:#000;
	font-size:12px;
	background-color:#ffeeac;
	font-weight:bold;
}
.okbox {
	border:1px solid #8de18b;
	margin:0px;
	margin-bottom:10px;
	padding:10px;
	color:#000;
	font-size:12px;
	background-color:#d6f8d5;
	font-weight:bold;
}

/********/

.post .message .post_mentioned b {
	font-weight: normal;
}
.post .message .post_tag b {
	font-weight: normal;
}
.post .message a {
	color: #0055a4;
	padding: 1px 3px 2px 3px;
}
.post .message a:focus {
	color: #fff;
	padding: 1px 3px 2px 3px;
	background-color:#0055a4;
}

/********/

#post_msglen_warning {
	font-size:10px;
	color:red;
	margin-top:8px;
	margin-bottom:2px;
}
#post_msglen {
	font-size:11px;
	color: #666;
}
#postpage a {
	color: #0055a4;
	padding: 1px 3px 2px 3px;
}
#postpage a:focus {
	color: #fff;
	padding: 1px 3px 2px 3px;
	background-color:#0055a4;
}

/********/

#profilehdr {
	background-color:#d1e9ff;
	border-bottom:1px solid #abd4fa;
}
#profilehdr img {
	float:left;
	margin:5px;
	border:3px solid white;
}
#profilehdrinfo {
	float:left;
	padding-top:5px;
	padding-left:5px;
	color:#8493a1;
	font-size:11px;
}
#profilehdrinfo h3 {
	font-size:12px;
	color:black;
	margin:0px;
	padding:0px;
}

#profileftr {
	border-top:2px solid #abd4fa;
	background-color: #d1e9ff;
	padding-bottom:1px;
}
#profileftr a {
	display:block;
	padding:3px;
	font-weight:bold;
	margin:3px;
}
#profileftr a:focus {
	background-color:#abd4fa;
}
#profileftr a.stopfollow:focus {
	background-color:#ff0000;
	color:white;
}
#profileftr a.follow:focus {
	background-color:#009d1e;
	color:white;
}
#profileftr span {
	display:none;
}

/********/

.cttl {
	padding:5px;
	background-color:#eee;
	border-bottom:1px solid #ccc;
}
.cttl a {
	padding:1px 3px 2px 3px;
}
.cttl a:focus {
	background-color:#0055a4;
	color:white;
}
.cttl .onptab{
    background-color:#6ca0d8;
}

#postcomment {
	padding:5px;
}
#postcomment textarea {
	width:90%;
	display:block;
	margin-bottom:5px;
}
#comments .post {
	padding-left:20px;
}
.cttl.cmnts span {
	font-size: 11px;
	color:#333;
}
.postattachedvideo {
	margin-top:3px;
}

.submenu{
	background:#96C2F1;
	clear:both;
	min-height:14px;
	padding:10px 5px;
        height: 20px;
}

.submenu a{
	display:block;
	font-weight:bold;
	float:left;
	margin-right:5px;
}

.submenu select{
	display:block;
	font-weight:bold;
	float:left;
	margin-right:5px;
}
.submenu  a.on{
	color:#000000;
}
/********/
/*****************注册********************/
#signup{
	margin:0px;
	padding:6px;

}
#signup .step{
    font-size: 12px;
}
#signup .groupname{
    width: 99%;
    font-size: 12px;
    line-height:30px;
    padding-left: 30px;
}
#signup .groupname .groupn{
    padding-right: 0px;
    width: 33%;
    display: block;
    float: left; 
}

#signup .groupname .class{
    padding-right: 0px;
    width: 25%;
    display: block;
    float: left;
}
#signup .groupname .class .on{
background: #ccc;
}

#signup span{
    width: 33%;
}
#signup .check{
    padding-top: 10px;
    font-size: 12px;
    line-height: 30px;
}
#signup .check .name{
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
}
#signup label{
        width:5em;
        display:inline-block;
        line-height:30px;
        padding-left: 8px;
        padding-top: 5px;

}
#signup .text{
    background-color: #FDF3D0;
    border: 1px solid #FDCD06;
    font-size: 12px;
    line-height: 20px;
    width: 98%;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;

}
#signup .password{
    background-color: #FDF3D0;
    border: 1px solid #FDCD06;
    font-size: 12px;
    line-height: 20px;
    width: 94%;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}
#signup .password .sp{
    font-size: 18px;
}
/*****************班级管理********************/
#classmanage{
    padding: 6px;
}
#classmanage .banner{
    background-color: #F3F4F3;
    border: 1px solid #F3F4F3;
    width: 30%;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    float: left;
}
#classmanage .count{
    background-color: #F3F4F3;
    border: 1px solid #F3F4F3;
    font-weight:bold;
    color: #FF0000;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 25%;
    float: left;
    text-align: center;
}
#classmanage .num{
    color: #FF0000;
}
#classspan{
    font-size: 18px;
    font-weight: bold;
}
#classsp{
    font-size: 16px;
    font-weight: bold;
    padding-left: 5px;
}


#classmanage .toview{
    background-color: #F3F4F3;
    border: 1px solid #F3F4F3;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 35%;
    float: left;
    text-align: right;
    padding-right: 15px;
}



#classmanage .contactus{
    background-color: #F3F4F3;
    border: 1px solid #F3F4F3;
    overflow: hidden;
    padding-bottom: 5px;
    padding-top: 15px;
    padding-bottom:15px;
    padding-left: 10px;
    width: 96%;

}

#classmanage .text{
    background-color: #FDF3D0;
    border: 1px solid #FDCD06;
    font-size: 12px;
    line-height: 20px;
    width: 99%;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;

}


#classmanage .mtext{
    background-color: #FDF3D0;
    border: 1px solid #FDCD06;
    font-size: 12px;
    line-height: 20px;
    width: 99%;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;

}

#classmanage li{
    list-style:none;
}
#classmanage .title{
    font-size: 12px;
    padding-left: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    background: #f8f8f8;
;
}
#classmanage .xinxi{
    border: 1px solid #F3F4F3;
    background: #f8f8f8;
    margin:0;
    padding:0;
    float:left;
    width:100%;
    height:auto;
    margin:10px 0 0 0px;
}
#classmanage .img{
    padding-top: 15px;
    padding-left: 5px;
    width: 2%;
    padding-bottom: 30px;
}
#classmanage .xinxi ul{
    float:left;
}

#classmanage .xinxi li{
    float:left;
    width:210px;
    line-height:22px;
    word-wrap:break-word;
}

#classmanage .xinxi dt{
    float:left;
}
#classmanage .xinxi dd{
    float:left;
}
/*****************帮助********************/
#help {
    width: 95%;
    padding-left: 5px;
    padding-bottom: 10px;
    background: #f8f8f8;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #FDF3D0;
}
#help .content {
    background-color: #FDF3D0;
    border: 1px solid #FDCD06;
    font-size: 12px;
    line-height: 20px;
    width: 94%;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    margin-top: 2px;

}
#help .area{
    padding-top: 15px;
}
#help .hezuo {
    font-size: 12px;
    line-height: 25px;
    width: 96%;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#help li{
    line-height: 25px;
    padding-right: 5px;
}
#help span{
    font-size: 14px;
    font-weight: bold;
}
#helptext{
    background-color: #FDF3D0;
    border: 1px solid #FDCD06;
    font-size: 12px;
    line-height: 20px;
    width: 94%;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 6px;
    margin-right: 5px;
    margin-bottom: 15px;
}

#textarea
{
width:96%;
height:120px;
}

.groupcheck{
    padding-left: 10px;
    line-height: 25px;
    font-weight: bold;

}
.groupcheck select{
    font-weight: bold;
}

/*******************************/

#viewpost {
	overflow:visible;
}

#grouplist {
	padding-bottom:5px;
}
.group {
	margin-top:5px;
	margin-bottom:5px;
	width:350px;
}
.group.ex {
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:10px;
        border-bottom: 1px solid #CCCCCC;
	/*float:none;*/
}
.group .pgavatar {
	width:60px;
	height:60px;
	background-position:5px 5px;
	background-repeat:no-repeat;
	float:left;
	margin-right:10px;
}
.group .pgavatar a {
	width:60px;
	height:60px;
	display:block;
	background-image:url('../imgs/privategroupicon.gif');
}
.group .pgavatar a:hover {
	background-position:bottom left;
}
.group .groupavatar {
	display:block;
	border:1px solid #d9d9d9;
	padding:4px;
	background-color:white;
	float:left;
	margin-right:10px;
}
.group .groupavatar img {
	border:0px;
}
.group .groupavatar:hover {
	border:1px solid #999;
}
.group .groupinfo {
	float:left;
	width:270px;
	line-height:1.2;
}

.group .followbtnsbox {
	display:none;
}
.group:hover .followbtnsbox {
	display:inline;
	display:block;
}

.group .followusr {
	float:left;
	background-image:url('../imgs/followusr.gif');
	background-repeat:no-repeat;
	width: 12px;
	height:13px;
	background-position:bottom left;
	margin-top:2px;
	margin-left:3px;
}
.group .followusr b {
	display:none;
}
.group .followusr:hover {
	background-image:url('../imgs/followusr_hvr.gif');
	width: 50px;
}
.group .followusr:hover b {
	display:block;
	font-size:20px;
	font-weight:normal;
	margin-left:15px;
	color: #007408;
}
.group .unfollowusr {
	float:left;
	background-image:url('../imgs/unfollowusr.gif');
	background-repeat:no-repeat;
	width: 12px;
	height:13px;
	background-position:bottom left;
	margin-top:2px;
	margin-left:3px;
}
.group .unfollowusr b {
	display:none;
}
.group .unfollowusr:hover {
	background-image:url('../imgs/unfollowusr_hvr.gif');
	width: 50px;
}
.group .unfollowusr:hover b {
	display:block;
	font-size:12px;
	font-weight:normal;
	margin-left:15px;
	color: #ff0000;
}
.group .groupname {
	display:block;
	float:left;
	font-size:14px;
	font-weight:bold;
	margin-bottom:2px;
}

.group .grouptext {
	float:left;
	font-size:11px;
	color:#999;
	clear:left;
	line-height:150%;
}
.group .grouptext.ex {
	float:none;
	font-size:14px;
	clear:left;
        white-space:normal;
        width:230px;
}
.group .groupdesc {
	float:left;
	color:#222;
	clear:left;
}
.xiehui{
    margin:10px 10px 10px 10px;
    border:1px solid #d9d9d9;
}
.xiehui .xiehuilist{
    background: #F3F4F3;
}
.xiehui .xiehuititle{
    line-height: 20px;
    padding-left: 15px;
    padding-top:5px;
    padding-bottom: 5px;
    float: left;
}
.xiehui .xiehuijion{
    float: right;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 20px;
}
.xiehui .banner{
    background: #5092cf;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: bold;
}

.xinxi{
    border: 1px solid #F3F4F3;
    background: #f8f8f8;
    margin:0;
    padding:0;
    float:left;
    width:100%;
    height:auto;
    margin:10px 0 0 0px;
}
.img{
    padding-top: 15px;
    padding-left: 5px;
    width: 2%;
    padding-bottom: 30px;
}
.xinxi ul{
    float:left;
}

.xinxi li{
    list-style: none outside none;
    float:left;
    width:210px;
    line-height:22px;
    word-wrap:break-word;
}

.xinxi dt{
    float:left;
}
.xinxi dd{
    float:left;
}
.searchuser{
    margin: 10px 10px 10px 10px;
}
.xiehuibanner{
    margin-top: 10px;
    background: #5092cf;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: bold;
}
.searchnomember{
    border: 1px solid #FDCD06;
    background: #FDF3D0;
    margin-left: 10px;
    margin-top: 20px;
    padding:10px 10px 10px 10px ;
    margin-bottom: 10px;
    margin-right: 10px;
}
.searchnomember .username{
    font-size: 14px;
    font-weight: bold;
    color: #FF8C00;
}
#down{
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
    border:5px solid #E1EBFD;
    background: none repeat scroll 0 0 #F7FAFF;
    
}
#down .title{
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;
    padding-left: 10px;
}
#down .link{
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
}
#down .tie{
    padding-top: 20px;
    padding-left: 15px;
}
#down .lie{
    padding-top: 15px;
    padding-left: 25px;
}
#down .lie  li{
    list-style: none;
    padding-top: 5px;
}
#down .bottom{
    padding-bottom: 5px;
}
#down .bottomline{
    margin-left: 5px;
    margin-right: 5px;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 5px;
}
#gotoindex{
    background: none repeat scroll 0 0 #E1EBFD;
    padding-top: 5px;
    padding-bottom:5px;
    padding-left: 5px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
#gotoindex .index{
    font-size: 14px;
    font-weight: bold;
}
